<!DOCTYPE html>
<!--suppress ALL-->
<html xmlns:th="http://www.thymeleaf.org">
<html>
	<head lang="en">
		<base th:href="@{/}"><!-- 不用base就使用th:src="@{/js/jquery.min.js} -->
		<meta charset="utf-8" />
		<title>最家</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" href="layui/css/modules/layer/default/layer.css">
		<script src="layui/layui.js"></script>
	</head>
	<body>
		<!------------------------------head------------------------------>
		<div class="head">
			<div class="wrapper clearfix">
				<div class="clearfix" id="top">
					<h1 class="fl"><a th:href="@{/}"><img src="img/logo.png"/></a></h1>
					<div class="fr clearfix" id="top1">
						<p class="fl" style="font-size: 15px">
							最家家居城欢迎您！
							<a th:href="(${session.userName} == null)?'user/toLogin':'#'" >
								<span th:if="${session.userName} == null" >
									 请登录
								</span>
								<span th:if="${session.userName} != null" >
									<span th:text="${session.userName}" ></span>
									<a th:href="@{user/logOut}" style="border-right: 1px solid #dbdbdb;">注销</a>
								</span>
							</a>

							<!--<a href="#" th:text="${session.userName}" id="reg"></a>-->
							<a th:href="@{user/toReg}">新用户注册</a>
							<a th:href="@{/admin/toAdminLoginPage}" id="">后台</a>
						</p>
						<form action="/furniture/pro/search" method="post" class="fl">
							<input type="text" placeholder="热门搜索：干花花瓶" id="searchContent" name="searchContent" />
							<input type="submit" value="" id="searchBtn" />
						</form>
						<div class="btn fl clearfix">
							<a th:href="@{/user/toMygxin}"><img src="img/grzx.png"/></a>
							<a href="#" class="er1"><img src="img/ewm.png"/></a>
							<a th:href="@{/trade/toShopCarPage}"><img src="img/gwc.png"/></a>
							<p><a href="#"><img src="img/smewm.png"/></a></p>
						</div>
					</div>
				</div>
				<ul class="clearfix" id="bott">
					<li><a th:href="@{/}">首页</a></li>
					<li>
						<a th:href="@{/pro/allPro}">所有商品</a>
					</li>

					<li>
						<a th:href="@{pro/softDecoration}">布艺软饰</a>

					</li>
					<li><a th:href="@{pro/perfume}">蜡艺香薰</a></li>
					<li><a th:href="@{pro/ideaPro}">创意家居</a></li>
				</ul>
			</div>
		</div>
		<!-------------------------banner--------------------------->
		<div class="block_home_slider">
			<div id="home_slider" class="flexslider">
				<ul class="slides">
					<li>
						<div class="slide">
							<img src="img/banner3.jpg"/>
						</div>
					</li>
					<li>
						<div class="slide">
							<img src="img/banner1.jpg"/>
						</div>
					</li>
					<li>
						<div class="slide">
							<img src="img/banner2.jpg"/>
						</div>
					</li>
<!--					<li>
						<div class="slide">
							<img src="img/temp/perfume_Banner.jpg"/>
						</div>
					</li>-->
				</ul>
			</div>
		</div>
		
		<!------------------------------thImg------------------------------>
		<div class="thImg">
			<div class="clearfix">
				<a th:href="@{/pro/vaseProList}"><img src="img/i1.jpg"/></a>
				<a th:href="@{/pro/vaseProList}"><img src="img/i2.jpg"/></a>
				<a th:href="@{/pro/vaseProList}"><img src="img/i3.jpg"/></a>
			</div>
		</div>
		
		<!------------------------------news------------------------------>
		<div class="news">
			<div class="wrapper">
				<h2><img src="img/ih1.jpg"/></h2>
				<div class="top clearfix">
					<a><img src="img/n1.jpg"/><p></p></a>
					<a><img src="img/n2.jpg"/><p></p></a>
					<a><img src="img/n3.jpg"/><p></p></a>
				</div>
				<h2><img src="img/ih2.jpg"/></h2>
				<div  class="flower clearfix tran">
					<a th:href="@{/pro/proDetail(proId=${pro.proId})}" th:each="pro:${proBaiJian}" class="clearfix" style="margin: 10px;">
						<dl>
							<dt>
								<span class="abl"></span>
								<!--th:src="'images/' + ${rGoods.gpicture}"-->
								<img  th:src="'img/' + ${pro.proPhoto}" />
								<span class="abr"></span>
							</dt>
							<dd><p th:text="${pro.proName}" style="font-size: 15px"></p></dd>
							<dd><span th:text="'¥ '+${pro.price}"></span></dd>
						</dl>
					</a>
				</div>
			</div>
		</div>
		
		<!------------------------------ad------------------------------>
		<img src="img/ib1.jpg"/>
		
		<!------------------------------people------------------------------>
		<div class="people">
			<div class="wrapper">
				<h2><img src="img/ih3.jpg"/></h2>
				<div class="pList clearfix tran">
					<a th:href="@{/pro/proDetail(proId=${pro.proId})}" th:each="pro:${proBiGua}" style="margin: 10px;">
						<dl>
							<dt>
								<span class="abl"></span>
								<img  th:src="'img/' + ${pro.proPhoto}" />

								<span class="abr"></span>
							</dt>
							<dd><p th:text="${pro.proName}" style="font-size: 12px"></p></dd>
							<dd><span th:text="'¥ '+${pro.price}"></span></dd>

						</dl>
					</a>
				</div>
			</div>
		</div>
		<!--返回顶部-->
		<div class="gotop">
			<a href="cart.html">
			<dl>
				<dt><img src="img/gt1.png"/></dt>
				<dd>去购<br />物车</dd>
			</dl>
			</a>
			<a href="#" class="dh">
			<dl>
				<dt><img src="img/gt2.png"/></dt>
				<dd>联系<br />客服</dd>
			</dl>
			</a>
			<a href="mygxin.html">
			<dl>
				<dt><img src="img/gt3.png"/></dt>
				<dd>个人<br />中心</dd>
			</dl>
			</a>
			<a href="#" class="toptop" style="display: none">
			<dl>
				<dt><img src="img/gt4.png"/></dt>
				<dd>返回<br />顶部</dd>
			</dl>
			</a>
			<p>400-800-8200</p>
		</div>
		
		<!-------------------login-------------------------->
		<!--footer-->
		<div class="footer">
			<div class="top">
				<div class="wrapper">
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot1.png"/></a>
						<span class="fl">7天无理由退货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot2.png"/></a>
						<span class="fl">15天免费换货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot3.png"/></a>
						<span class="fl">满599包邮</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot4.png"/></a>
						<span class="fl">手机特色服务</span>
					</div>
				</div>
			</div>
			<p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br />
			违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>
		
		<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/nav.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.flexslider-min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				$('#home_slider').flexslider({
					animation: 'slide',
					controlNav: true,
					directionNav: true,
					animationLoop: true,
					slideshow: true,
					slideshowSpeed:2000,
					useCSS: false
				});

			});
		</script>
		
	<script>
/*		$("#searchBtn").click(function () {
		var searchContent = $("#searchContent").val();
		var url = "pro/search";
		var param={"searchContent":searchContent};
		$.post(url,param,function () {
		});
	});*/
	</script>
	</body>
</html>
